// 生成一个随机方块的构造函数 Block

// 随机方块的宽度、高度、背景颜色、位置（left top）将这些属性放置在构造函数内部

// 随机方块渲染到页面上设置给构造函数的原型对象（Block.prototype)

// 随机方块的 位置变化 设置给构造函数的原型对象（Block.prototype)



// 随机方块
function Block(parent,option){
    // 确保option里是一个对象
    option = option || {};
    this.width = option.width || 20;
    this.height = option.height || 20;
    this.backgroundColor = option.backgroundColor|| "red";
    this.x= option.left || 0;
    this.y = option.top || 0; 
    this.parent = parent;  
}
// 随机方块渲染到页面上(给构造函数的原型函数添加方法（函数))
Block.prototype.render = function(){
    // 创建新的元素，将元素加给父级
    this.ele = document.createElement("div");
    this.parent.appendChild (this.ele);
    // 设置新元素样式
    this.ele.style.width=this.width +"px";
    this.ele.style.height=this.height +"px";
    this.ele.style.backgroundColor=this.backgroundColor;
    this.ele.style.left=this.x +"px";
    this.ele.style.top=this.y +"px";    
}

// 随机方块的 位置变化
Block.prototype.positionRandom = function(){
    // 获取方块的位置
    var n = this.parent.clientWidth / this.width;
    this.x = Tools.getRandom(0,this.parent.clientWidth / this.width-1)*this.width;
    this.y = Tools.getRandom(0,this.parent.clientHeight / this.height-1)*this.height;
    // 赋值样式给元素
    this.ele.style.left = this.x + "px";
    this.ele.style.top = this.y + "px"; 

}